<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>首页</title>
    <link rel="stylesheet"  type="text/css" href="/css/reset.css">
    <link rel="stylesheet"  type="text/css" href="/css/main.css">
    <script type="text/javascript" src="/js/jquery-1.12.4.min.js"></script>
    <script type="text/javascript" src="/js/main.js"></script>
    <script type="text/javascript" src="/js/webindex.js"></script>
</head>
<body>
    <div class="header">
        <div class="content">
            <div class="content_1">
                <a href="/">校园购物网</a>
            </div>
            <div class="content_2">
                <form action="/seah/" method="POST">
                    <input type="text">
                    <button type="submit">搜索</button>
                </form>
            </div>
            <div class="content_3">
                <a href="/shopping_cart/"><img src="/images/shopping_cart.png" alt="">{{number}}</a>
            </div>
            <div class="content_4">
                {{if !user_info}}
                <div class="login">
                    <a href="javascript:;" class="login_btn">登录</a>/<a href="javascript:;" class="register_btn">注册</a>
                </div>
                {{else}}
                <div class="user_login">
                    <img src="{{user_info.head_url}}" alt="">
                    <a href="">{{user_info.nick_name}}</a>/<a href="" onclick="logout()">退出</a>
                </div>
                {{/if}}
            </div>
        </div>
    </div>
    <div class="container">
        <div class="show_left">
            <div class="banner">
                <img src="/images/login.jpg" alt="">
                <div class="btn_left">
                    <img src="/images/btn.jpg" alt="">
                </div>
                <div class="btn_right">
                    <img src="/images/btn.jpg" alt="">
                </div>
            </div>
            <div class="classify">
                <div class="classify_in">
                    {{each classify}}
                    <a href="/classifyid_list/{{$value.classify_id}}" data-aid="{{$value.classify_id}}">
                        <div class="classify_{{$index+1}} cs">
                            <img src="{{$value.classify_url}}" alt="">
                            <p class="p_1">{{$value.classify_name}}</p>
                            <p class="p_2">{{$value.classify_english}}</p>
                        </div>
                    </a>
                    {{/each}}
                    <!-- <div class="classify_1 cs">
                        <img src="/images/login.jpg" alt="">
                        <p class="p_1">食品</p>
                        <p class="p_2">food</p>
                    </div>
                    <div class="classify_2 cs">
                        <img src="/images/login.jpg" alt="">
                        <p class="p_1">食品</p>
                        <p class="p_2">food</p>
                    </div>
                    <div class="classify_3 cs">
                        <img src="/images/login.jpg" alt="">
                        <p class="p_1">食品</p>
                        <p class="p_2">food</p>
                    </div>
                    <div class="classify_4 cs">
                        <img src="/images/login.jpg" alt="">
                        <p class="p_1">食品</p>
                        <p class="p_2">food</p>
                    </div> -->
                </div>
            </div>
            <div class="show_list">
                <div class="list_title">
                    <p>-----商品展示-----</p>
                    <p>Products Display</p>
                </div>
                <div class="list_sort">
                    <p>排序方式：</p>
                    <button  data-cid="1">最新</button>
                    <button  data-cid="2">价格</button>
                    <button  data-cid="3">销量</button>
                </div>
                <div class="list_ul">
                    <ul class="list_con">
                        <li>
                            <a href="">
                                <img src="/images/login.jpg" alt="">
                                <p>可乐</p>
                                <span>￥2.5</span>
                            </a>
                        </li>
                        <li>
                            <a href="">
                                <img src="/images/login.jpg" alt="">
                                <p>可乐</p>
                                <span>￥2.5</span>
                            </a>
                        </li>
                        <li>
                            <a href="">
                                <img src="/images/login.jpg" alt="">
                                <p>可乐</p>
                                <span>￥2.5</span>
                            </a>
                        </li>
                        <li>
                            <a href="">
                                <img src="/images/login.jpg" alt="">
                                <p>可乐</p>
                                <span>￥2.5</span>
                            </a>
                        </li>
                        <li>
                            <a href="">
                                <img src="/images/login.jpg" alt="">
                                <p>可乐</p>
                                <span>￥2.5</span>
                            </a>
                        </li>
                        <li>
                            <a href="">
                                <img src="/images/login.jpg" alt="">
                                <p>可乐</p>
                                <span>￥2.5</span>
                            </a>
                        </li>
                        <li>
                            <a href="">
                                <img src="/images/login.jpg" alt="">
                                <p>可乐</p>
                                <span>￥2.5</span>
                            </a>
                        </li>
                        <li>
                            <a href="">
                                <img src="/images/login.jpg" alt="">
                                <p>可乐</p>
                                <span>￥2.5</span>
                            </a>
                        </li>
                        <li>
                            <a href="">
                                <img src="/images/login.jpg" alt="">
                                <p>可乐</p>
                                <span>￥2.5</span>
                            </a>
                        </li>
                        <li>
                            <a href="">
                                <img src="/images/login.jpg" alt="">
                                <p>可乐</p>
                                <span>￥2.5</span>
                            </a>
                        </li>
                    </ul>
                </div>
            </div>
        </div>
        <div class="show_right">
            <ul>
                <li>销量排行</li>
                {{each salesOrder}}
                <li>
                    <span class="rank_{{$index+1}}">{{$index+1}}</span>
                    <a href="">{{$value.commodity_name}}</a>
                </li>
                {{/each}}
                <!-- <li>
                    <span class="rank_1">1</span>
                    <a href="">可乐</a>
                </li>
                <li>
                    <span class="rank_2">2</span>
                    <a href="">可乐</a>
                </li>
                <li>
                    <span class="rank_3">3</span>
                    <a href="">可乐</a>
                </li>
                <li>
                    <span class="">4</span>
                    <a href="">可乐</a>
                </li>
                <li>
                    <span class="">5</span>
                    <a href="">可乐</a>
                </li> -->
            </ul>
        </div>
    </div>
    <div class="footer">
        <p>2017105200325</p>
    </div>
    <!-- 登录表单 -->
    <form class="login_form_con">
        <div class="login_form">
            <div class="login_title">
                <h3>登 录</h3>
                <a href="javascript:;" class="shutoff"></a>
            </div>
            <div class="form_group">
                <input id="mobile" type="text" name="mobile" autocomplete="off">
                <div class="input_tip">用户名</div>
                <div id="login-mobile-err" class="error_tip">用户名不能为空</div>
            </div>
            <div class="form_group">
                <input id="password" type="password" name="password">
                <div class="input_tip">密码(不少于6位)</div>
                <div id="login-password-err" class="error_tip">密码不能为空</div>
            </div>
            <input type="submit" name="" value="登 录" class="input_sub">
            <div class="down_link">还没有账号？<a href="javascript:;" class="to_register">立即注册</a></div>
        </div>
        <div class="mask"></div>
    </form>

    <!-- 注册表单 -->
    <form class="register_form_con">
        <div class="register_form">
            <div class="register_title">
                <h3>注 册</h3>
                <a href="javascript:;" class="shutoff"></a>
            </div>
            <div class="form_group">
                <input type="text" name="mobile" autocomplete="off" id="register_mobile" class="phone_input">
                <div class="input_tip">用户名</div>
                <div id="register-mobile-err" class="error_tip">用户名不能为空</div>
            </div>
            <div class="form_group">
                <input type="text" name="code_pwd" id="imagecode" class="code_pwd">
                <div class="input_tip">图形验证码</div>
                <img src="/images/pic_code.png" class="get_pic_code" onclick="generateImageCode()">
                <div id="register-image-code-err" class="error_tip">图形码不能为空</div>
            </div>
            <div class="form_group">
                <input type="password" name="password" id="register_password" class="pass_input">
                <div class="input_tip">密码(不少于6位)</div>
                <div id="register-password-err" class="error_tip">密码不能为空</div>
            </div>
            <div  class="form_group2 clearfix">
                <input type="checkbox" class="agree_input" checked>
                <p>同意使用条款，并已阅读"跟帖评论自律管理承诺书"</p>
                <div class="error_tip">请勾选</div>
            </div>
            <input type="submit" name="" value="注 册" class="input_sub">
            <div class="down_link">已有账号？<a href="javascript:;" class="to_login">立即登录</a></div>
        </div>
        <div class="mask"></div>
    </form>
</body>
</html>